<div class="panel panel-info">
    <div class="panel-heading"><h2><span class="glyphicon glyphicon-record"></span> DVD's</h2></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-6 col-sm-4">
                <h4> Família, nosso</h4>
                <h4>mundo significativo.</h4>
            </div>
            <div class="col-xs-6 col-sm-4">
                <h4> Como manter a </h4>
                <h4> harmonia conjugal.</h4>
            </div>
            <div class="col-xs-6 col-sm-4">
                <h4> Reacendendo a </h4>
                <h4>chama do amor para </h4>
                <h4>uma vida conjugal feliz. </h4>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-4">
                <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
            </div>
            <div class="col-xs-6 col-sm-4">
                <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
            </div>
            <div class="col-xs-6 col-sm-4">
                <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
            <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
            <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
        </div>
        <div class="row" \>
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="01" />
                <input type="hidden" name="itemDescription" value="Familia, nosso  mundo significativo" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="02" />
                <input type="hidden" name="itemDescription" value="Como manter a  harmonia conjugal" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="03" />
                <input type="hidden" name="itemDescription" value="Reacendendo a chama do amor" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
    </div>
    <br />
    <br />
    <!-------------------------------------------------------------------------------------------------------------------------------------------------------------->
    <div class="row">
        <div class="col-xs-6 col-sm-4">
            <h4> Aprendendo a </h4>
            <h4>conviver com as diferenças,</h4>
            <h4>namorados, noivos e casados.</h4>
        </div>
        <div class="col-xs-6 col-sm-4">
            <h4> Saúde Mental e </h4>
            <h4>Emocional da Mulher. </h4>
        </div>
        <div class="col-xs-6 col-sm-4">
            <h4> Renovando a </h4>
            <h4>Aliança.</h4>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6 col-sm-4">
            <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
        </div>
        <div class="col-xs-6 col-sm-4">
            <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
        </div>
        <div class="col-xs-6 col-sm-4">
            <img src="<?=$this->baseUrl() . '/public/img/familia-p.jpg'?>" alt="Capa DVD"/>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
        <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
        <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
    </div>
    <div class="row">
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="04" />
                <input type="hidden" name="itemDescription" value="Aprendendo a conviver com as diferencas" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="05" />
                <input type="hidden" name="itemDescription" value="Saude Mental e Emocional da Mulher" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
        <div class="col-xs-6 col-sm-4">
            <form target="pagseguro" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" method="post">
                <input type="hidden" name="receiverEmail" value="sergioamaralbrito@yahoo.com.br" />
                <input type="hidden" name="currency" value="BRL" />
                <input type="hidden" name="itemId" value="06" />
                <input type="hidden" name="itemDescription" value="Renovando a Alianca" />
                <input type="hidden" name="itemQuantity" value="1" />
                <input type="hidden" name="itemAmount" value="20.00" />
                <input type="hidden" name="itemWeight" value="300" />
                <input type="hidden" name="itemShippingCost" value="" />
                <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
            </form>
        </div>
    </div>
    </div>
</div>

<div class="panel panel-info">
    <div class="panel-heading"><h2><span class="glyphicon glyphicon-book"></span> Livros</h2></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-6 col-sm-4">
                <h4>Pérolas que enriquecem  </h4>
                <h4>o relacionamento.</h4>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-4">
                <img src="<?=$this->baseUrl() . '/public/img/livro_relacionamento.jpg'?>" alt="Capa Livro"/>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-4"><h5>R$ 20,00</h5></div>
        </div>
        <div class="col-xs-6 col-sm-4">
            <form method="post" action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add" target="pagseguro">
                <input type="hidden" value="sergioamaralbrito@yahoo.com.br" name="receiverEmail">
                <input type="hidden" value="BRL" name="currency">
                <input type="hidden" value="07" name="itemId">
                <input type="hidden" value="Livro, Pérolas que enriquecem o relacionamento" name="itemDescription">
                <input type="hidden" value="1" name="itemQuantity">
                <input type="hidden" value="20.00" name="itemAmount">
                <input type="hidden" value="300" name="itemWeight">
                <input type="hidden" value="" name="itemShippingCost">
                <input type="image" alt="Pague com PagSeguro - é rápido, grátis e seguro!" name="submit" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif">
            </form>
        </div>
    </div>
</div>

